@charset "utf-8";

/* ---------------全局定义--------------- */
html, body, h1, h2, h3, h4, h5, h6, div, ul, ol, li, dl, dt, dd, p, form, input, select, button, textarea, table, tr, th, td, iframe {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ul, ol {
	list-style: none;
}
img {
	border: 0;
	vertical-align: top;
}

body {
	/*background: #F0F1F1;*/
	font-family: "微软雅黑";
	font-size: 12px;
}

a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #F0932F;
}

.cls {
	clear: both;
}

/* 表单样式 */
input, select, textarea, label {
	font-family: "微软雅黑";
	font-size: 12px;
	vertical-align: middle;
}

/* 首页 */
.head_wrap {
	min-width: 1210px;
	height: 600px;
}
.banner_1 {
	background: url(../imagesm/banner_1.png) no-repeat center top / cover;
}
.banner_2 {
	background: url(../imagesm/banner_2.png) no-repeat center top / cover;
}
.banner_3 {
	background: url(../imagesm/banner_3.png) no-repeat center top / cover;
}
.banner_4 {
	background: url(../imagesm/banner_4.png) no-repeat center top / cover;
}


#header {
	margin: auto;
	width: 1210px;
	height: 80px;
	/*background: url(../imagesm/head_dashed.png) repeat-x left bottom;*/
}

h1 {
	float: left;
	padding-top: 5px;
}
h1 a {
	display: block;
	width: 500px;
	height: 70px;
	background: url(../imagesm/logo.png) no-repeat left center / contain;
	text-indent: -9999px;
	overflow: hidden;
}

#nav {
	float: right;
	position: relative;
	padding-top: 30px;
	height: 50px;
	
}
#nav li {
	float: left;
	width: 100px;
}
#nav a {
	display: block;
	font-size: 14px;
	/*color: #FFF;*/
	line-height: 48px;
	text-align: center;
}
.nav_current {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	background: #F0932F;
	overflow: hidden;
}

.banner {
	position: relative;
	height: 520px;
}
.banner a.prev {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 520px;
}
.banner a.next {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 520px;
}
.banner a:hover.prev {
	background: url(../imagesm/banner_left.png) no-repeat left 180px;
}
.banner a:hover.next {
	background: url(../imagesm/banner_right.png) no-repeat right 180px;
}

.service {
	margin: 40px auto;
	width: 1210px;
	overflow: hidden;
}
.service ul {
	margin: 0 -15px;
	width: 1240px;
}
.service li {
	float: left;
	padding: 0 20px;
	width: 360px;
	height: 240px;
	background: url(../imagesm/v_dashed.gif) repeat-y right top;
}
.service li div.ico {
	margin: auto;
	width: 120px;
	height: 115px;
}
.service li a .web {
	background: url(../imagesm/service_ico.png) 0 0;
}
.service li a:hover .web {
	background: url(../imagesm/service_ico.png) 0 -120px;
}
.service li a .app {
	background: url(../imagesm/service_ico.png) -120px 0;
}
.service li a:hover .app {
	background: url(../imagesm/service_ico.png) -120px -120px;
}
.service li a .system {
	background: url(../imagesm/service_ico.png) -240px 0;
}
.service li a:hover .system {
	background: url(../imagesm/service_ico.png) -240px -120px;
}
.service li a .software {
	background: url(../imagesm/service_ico.png) -360px 0;
}
.service li a:hover .software {
	background: url(../imagesm/service_ico.png) -360px -120px;
}
.service li a h2 {
	font-size: 16px;
	line-height: 40px;
	text-align: left;
	
	margin-bottom: 10px;
	padding-left: 50px;
	color: #fff;
}
.service li h3 {
	font-size: 12px;
	color: #666;
	line-height: 24px;
}

.case {
	margin: auto;
	width: 1210px;
	overflow: hidden;
}
.case_title {
	height: 30px;
	background: url(../imagesm/solid.gif) repeat-x center center;
}
.case_title h2 {
	margin: 0 auto;
	width: 100px;
	height: 30px;
	background: #F0F1F1;
	font-size: 14px;
	color: #666;
	line-height: 30px;
	text-align: center;
}
.case ul {
	margin: 0 -15px;
	padding-top: 30px;
	width: 1240px;
	overflow: hidden;
}
.case li {
	float: left;
	padding: 0 15px 30px;
}
.case li a {
	display: block;
	width: 280px;
	background: #f4f4f4;
}
.case li a img{
	display: block;
	width:280px;
	object-fit: contain;
	object-position: center;
}
.case li a h3 {
	padding-left: 15px;
	height: 35px;
	background: url(../imagesm/case_arrow.png) no-repeat 245px center #F0932F;
	font-size: 12px;
	color: #FFF;
	line-height: 35px;
}
.case li a:hover h3 {
	color: #FF0;
}

.case_more {
	margin-bottom: 40px;
	height: 40px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.case_more a {
	display: block;
	color: #666;
	line-height: 40px;
	text-align: center;
}
.case_more a:hover {
	background: #FAFAFA;
	color: #F0932F;
}

.foot_wrap {
	min-width: 1210px;
	background: #222324;
	overflow: hidden;
}
#footer {
	margin: auto;
	width: 1210px;
	overflow: hidden;
}
.share {
	float: left;
	padding-top: 30px;
	width: 310px;
}
.share h2 {
	height: 35px;
	font-family: Arial;
	font-size: 12px;
	color: #AAA;
	line-height: 25px;
}
.share li {
	float: left;
	margin-right: 10px;
}
.share li a {
	display: block;
	width: 40px;
	height: 40px;
}
.share li a.weibo {
	background: url(../imagesm/share_ico.png) no-repeat 0 0;
}
.share li a:hover.weibo {
	background: url(../imagesm/share_ico.png) no-repeat 0 -50px;
}
.share li a.tqq {
	background: url(../imagesm/share_ico.png) no-repeat -50px 0;
}
.share li a:hover.tqq {
	background: url(../imagesm/share_ico.png) no-repeat -50px -50px;
}
.share li a.qzone {
	background: url(../imagesm/share_ico.png) no-repeat -100px 0;
}
.share li a:hover.qzone {
	background: url(../imagesm/share_ico.png) no-repeat -100px -50px;
}
.share li a.renren {
	background: url(../imagesm/share_ico.png) no-repeat -150px 0;
}
.share li a:hover.renren {
	background: url(../imagesm/share_ico.png) no-repeat -150px -50px;
}
.share li a.baidu {
	background: url(../imagesm/share_ico.png) no-repeat -200px 0;
}
.share li a:hover.baidu {
	background: url(../imagesm/share_ico.png) no-repeat -200px -50px;
}

.online {
	float: left;
	padding-top: 30px;
	width: 310px;
}
.online h2 {
	height: 35px;
	font-family: Arial;
	font-size: 12px;
	color: #AAA;
	line-height: 25px;
}
.online li {
	float: left;
	margin-right: 10px;
}
.online li a {
	display: block;
	width: 40px;
	height: 40px;
}
.online li a.qq {
	background: url(../imagesm/qq_ico.png) no-repeat 0 0;
}
.online li a:hover.qq {
	background: url(../imagesm/qq_ico.png) no-repeat 0 -50px;
}

.tel {
	float: left;
	padding-top: 30px;
	width: 310px;
}
.tel h2 {
	height: 35px;
	font-family: Arial;
	font-size: 12px;
	color: #AAA;
	line-height: 25px;
}
.tel ul {
	float: left;
	padding-left: 50px;
	background: url(../imagesm/tel_ico.png) no-repeat;
}
.tel li {
	font-family: Georgia, "方正大标宋简体";
	font-size: 18px;
	font-style: italic;
	color: #AAA;
	line-height: 30px;
}

.contact {
	float: right;
	padding: 40px 0;
	width: 280px;
}
.contact img {
	float: right;
	padding: 3px;
	background: #FFF;
}
.contact ul {
	float: left;
	width: 200px;
}
.contact li {
	padding-bottom: 5px;
	color: #AAA;
	line-height: 18px;
	text-align: right;
}
.contact li.mail {
	padding-top: 6px;
}

.footer_btm {
	margin: auto;
	width: 1210px;
	background: url(../imagesm/foot_dashed.gif) repeat-x left top;
	color: #AAA;
	line-height: 50px;
	overflow: hidden;
}
.copyright {
	/*float: left;*/
	text-align: center;
}
.beian {
	float: right;
}

/* 二级页面 */
.sub_head {
	min-width: 1210px;
	height: 200px;
}
.content {
	margin: 80px auto;
	width: 1210px;
}

.sub_title {
	padding-bottom: 30px;
	border-bottom: 1px solid #DDD;
}
.sub_title h2 {
	padding-bottom: 25px;
}
.sub_title p {
	padding-bottom: 15px;
	color: #333;
	line-height: 32px;
}

/* 关于 */
.about_banner {
	background: url(../imagesm/500081683.jpg) no-repeat center top / cover;
}

.about {
	background: url(../imagesm/about_ico.png) no-repeat right 15px;
}
.about_section {
	padding-bottom: 30px;
	padding-right: 354px;
}
.about h2 {
	padding-bottom: 25px;
}
.about p {
	padding-bottom: 15px;
	width: 760px;
	color: #333;
	line-height: 32px;
}

.about_advantages {
	padding: 5px 0 30px;
	overflow: hidden;
	zoom: 1;
}
.about_advantages li {
	float: left;
	padding-right: 20px;
}

/* 服务*/
.service_banner {
	background: url(../imagesm/500081683.jpg) no-repeat center top / cover;
}

.service_content {
	padding: 65px 0 20px;
	width: 1210px;
	overflow: hidden;
}
.service_content ul {
	margin: 0 -15px;
	width: 1240px;
}
.service_content li {
	float: left;
	padding: 0 15px;
	width: 280px;
	height: 500px;
	background: url(../imagesm/v_dashed.gif) repeat-y right top;
}
.service_content li div.ico {
	margin: auto;
	width: 120px;
	height: 115px;
}
.service_content li div.web {
	background: url(../imagesm/service_ico.png) 0 0;
}
.service_content li div.app {
	background: url(../imagesm/service_ico.png) -120px 0;
}
.service_content li div.system {
	background: url(../imagesm/service_ico.png) -240px 0;
}
.service_content li div.software {
	background: url(../imagesm/service_ico.png) -360px 0;
}
.service_content li h3 {
	padding-bottom: 15px;
	background: url(../imagesm/dashed.gif) repeat-x left bottom;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
}
.service_content li h4 {
	margin-bottom: 20px;
	padding: 10px 8px;
	background: url(../imagesm/dashed.gif) repeat-x left bottom;
	font-size: 12px;
	color: #666;
	line-height: 26px;
}
.service_content li p {
	padding: 0 8px;
	color: #666;
	line-height: 32px;
}

/* 案例*/
.case_banner {
	background: url(../imagesm/500081683.jpg) no-repeat center top / cover;
}
.case_content {
	padding-top: 60px;
	width: 1210px;
	overflow: hidden;
}
.case_content ul {
	margin: 0 -15px;
	width: 1240px;
	overflow: hidden;
}
.case_content li {
	float: left;
	padding: 0 15px 30px;
}
.case_content li a {
	display: block;
	width: 280px;
	background-color: #fff;
	text-align: center;
}
.case_content li a img{
	width:auto !important;
	max-width: 280px;
}
.case_content li a h3 {
	padding-left: 15px;
	height: 35px;
	background: url(../imagesm/case_arrow.png) no-repeat 245px center #F0932F;
	font-size: 12px;
	color: #FFF;
	line-height: 35px;
}
.case_content li a:hover h3 {
	color: #FF0;
}

.case_name {
	padding-bottom: 20px;
	border-bottom: 1px solid #DDD;
}
.case_name h2 {
	text-align: center;
	padding-bottom: 15px;
	font-size: 26px;
	color: #F0932F;
}
.case_name p {
	padding-bottom: 15px;
	color: #333;
	line-height: 32px;
}
.case_bar {
	height: 45px;
	border-bottom: 1px solid #DDD;
}
.case_label {
	margin-left: 520px;
	float: left;
	color: #999;
	line-height: 45px;
}
.case_label a {
	color: #999;
}
.case_label a:hover {
	color: #F0932F;
}
.case_page {
	float: right;
	padding-top: 10px;
	width: 90px;
	background: url(../imagesm/case_page.gif);
}
.case_page a {
	float: left;
	width: 30px;
	height: 25px;
}
.case_page a.prev {
	background: url(../imagesm/case_page.png) no-repeat 0 0;
}
.case_page a:hover.prev {
	background: url(../imagesm/case_page.png) no-repeat 0 -25px;
}
.case_page a.back {
	background: url(../imagesm/case_page.png) no-repeat -30px 0;
}
.case_page a:hover.back {
	background: url(../imagesm/case_page.png) no-repeat -30px -25px;
}
.case_page a.next {
	background: url(../imagesm/case_page.png) no-repeat -60px 0;
}
.case_page a:hover.next {
	background: url(../imagesm/case_page.png) no-repeat -60px -25px;
}
.case_show li {
	padding-top: 50px;
}
.case_show h3 {
	font-size: 12px;
	color: #666;
	line-height: 50px;
	text-align: center;
}

/* 客户 */
.client_banner {
	background: url(../imagesm/500081683.jpg) no-repeat center top / cover;
}
.client_content {
	padding-top: 60px;
}
.client_content ul {
	padding: 1px 0 0 1px;
	border-top: 1px dashed #DDD;
	border-left: 1px dashed #DDD;
	overflow: hidden;
	zoom: 1;
}
.client_content li {
	float: left;
	padding: 25px 0;
	width: 301px;
	border-right: 1px dashed #DDD;
	border-bottom: 1px dashed #DDD;
	text-align: center;
}

/* 联系*/
.contact_content {
	padding: 60px 0;
	width: 1210px;
	border-bottom: 1px solid #DDD;
	overflow: hidden;
}
.contact_content ul {
	margin: 0 -15px;
	width: 1240px;
}
.contact_content li {
	float: left;
	padding: 0 15px;
	width: 280px;
	height: 200px;
	background: url(../imagesm/v_dashed.gif) repeat-y right top;
}
.contact_content li div.ico {
	margin: auto;
	width: 120px;
	height: 90px;
}
.contact_content li div.web {
	background: url(../imagesm/contact_ico.png) 0 0;
}
.contact_content li div.app {
	background: url(../imagesm/contact_ico.png) -120px 0;
}
.contact_content li div.system {
	background: url(../imagesm/contact_ico.png) -240px 0;
}
.contact_content li div.software {
	background: url(../imagesm/contact_ico.png) -360px 0;
}
.contact_content li h3 {
	padding-bottom: 10px;
	background: url(../imagesm/dashed.gif) repeat-x left bottom;
	font-size: 12px;
	color: #666;
	line-height: 45px;
	text-align: center;
}
.contact_content li h4 {
	padding-top: 15px;
	font-size: 16px;
	color: #666;
	line-height: 30px;
	text-align: center;
}
.contact_content li a {
	color: #666;
}
.contact_content li a:hover {
	color: #F0932F;
}

.contact_form {
	padding: 50px 0 15px;
	background: url(../imagesm/dashed.gif) repeat-x bottom;
}
.contact_form h3 {
	height: 30px;
	background: url(../imagesm/dashed.gif) repeat-x bottom;
}
.contact_form_content {
	padding: 10px 0;
}
.contact_form_table {
	border-collapse: collapse;
}
.contact_form_table td {
	padding-top: 10px;
	border: 0;
}
.contact_form_table td label {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.contact_form_text {
	padding: 5px;
	height: 20px;
	border: 1px solid;
	border-color: #CCC #DDD #DDD #CCC;
	border-radius: 2px;
	font-size: 14px;
	line-height: 20px;
}
.contact_form_textarea {
	padding: 5px;
	border: 1px solid;
	border-color: #CCC #DDD #DDD #CCC;
	border-radius: 2px;
	font-size: 14px;
	line-height: 20px;
}
.contact_form_btn {
	width: 180px;
	height: 102px;
	border: 0;
	background: url(../imagesm/send_btn.png) no-repeat 0 0;
	font-size: 0;
	cursor: pointer;
}
.contact_form_btn:hover {
	background: url(../imagesm/send_btn.png) no-repeat 0 -120px;
}
.contact_form_table td img {
	border-radius: 2px;
}
.contact_mail {
	font-size: 14px;
	color: #333;
	line-height: 60px;
}
.contact_mail a {
	color: #333;
}
.contact_mail a:hover {
	color: #F0932F;
}

.dede_pages{height:32px;overflow:hidden;}
.dede_pages ul{float:left;position:relative;left:50%;}
.dede_pages ul li{
	float:left;
	position:relative;left:-50%;
	background:#fff;
	padding:3px 10px;
	line-height:18px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F0932F;
	font-weight:bold;
	color:#fff;
}

.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}